<template>
    <div class="settings-inner-blk p-1">

        <div class="d-flex mb-3">
            <button v-for="i in 6" :key="i" class="btn-reply mr-2" :class="{ cur: i == 3 }"><i
                    class="feather-award"></i>
                课程{{ i }}</button>
        </div>

        <div class="my-3 text-lg">
            S1启蒙 <span>5个教学单元</span>

        </div>
        <div class="course-card mb-3 w-full " style="  overflow: auto;">
            <table class="table table-nowrap text-xs">
                <thead>
                    <tr>
                        <th>学生</th>
                        <th v-for="i in 7" :key="i">第{{ i }}单元</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="j in 7" :key="j">
                        <td>小花</td>
                        <td v-for="i in 7" :key="i">
                            <div class="flex nowrap">
                                <div class="status s-nostart">1</div>
                                <div class="status s-doing" title="正在做">实战1</div>
                                <div class="status s-done"><i class="feather-award"></i>作业</div>
                                <div class="status s-commited" title="正在做">实战</div>
                            </div>
                        </td>

                    </tr>
                </tbody>
            </table>

        </div>
        <AppStatus />
    </div>
</template>